<script setup>
import icon from './icon.vue'

const props = defineProps({
  title: {
    type: String,
    required: true
  },
  iconName: {
    type: String,
    required: false
  }
});
</script>

<template>
  <div class="container is-flex is-justify-content-space-between  mt-5 mb-5">
    <div>
       <h1 class="title is-5 has-text-grey"><icon :icon="iconName" class="mr-1" :size="18" v-if="iconName"></icon>{{title}}</h1>
    </div>
    <div>
      <slot></slot>
    </div>
  </div>
</template>

<style scoped>

</style>